// JavaScript Document

//点赞时全屏爱心
function zan(){
	//如果
	$("#zan").css({top:"300px",left:"500px"});
	$("#zan").fadeIn("slow",function(){
		$(this).fadeOut(3000);
	});	
	var zanbefore=$("#blessing_num").html(); //原来的赞数
	var zanafter=parseInt(zanbefore)+1;
	
	var totaltick=$("#hzhstory_zan").val(); //点赞的用户  (逗号分隔)
	var s_num=$("#hzhstory_s_num").val(); //此故事的编号
	$.post("storyInfoServlet?t="+new Date(),{op:"storyZan",totaltick:totaltick,s_num:s_num},function(data){
		
	});
	
	$("#blessing_num").text(zanafter);
	$("#blessing_num1").text(zanafter);
	
	$("#onclickButton").addClass("active");
	$("#onclickButton").removeAttr("onclick");
}  

//QQ表情
 $(function(){ 	
	 hzhspacepic();
 		$("#blessing_num1").text($("#blessing_num").html());
 
        $('.emotion').qqFace({ 
            assign:'content', //给输入框赋值 
            path:'faces/'    //表情图片存放的路径 
        }); 
		
		//点击发表
        $(".hzhinput").click(function(){ 
			//来个判断  如果评论框为空
			if($("#content").val()==null || $("#content").val()==""){
				alert("请您输入评论内容....");
			}else{
				var div=document.createElement("div");
				var str="<div class='hzhcomment_all'><div class='hzhcomment_pic'>"+
				"<img src='images/hzh2.png'/>"+
				"</div><div class='hzhcomment_write'><span style='marg-top:10px;'><span style='color:blue'>"+
				"小丽"+
				"</span> 说：<span class='hzhcontent'></span></span><span style='float:right; line-height:50px;'>"+
				"2015-12-8 19:21:00"+
				"</span><!--发表故事的人可见--><a class=\"hzh_huifu\" onclick='javascript:huifu();' >回复</a></div></div>";
				div.innerHTML=str;				
				document.getElementById("hzhmydiv").appendChild(div);
				var str = $("#content").val(); 
				//str为评论内容  要存到数据库中    源代码那里的评论要从数据库中查询
				$(".hzhcontent").last().html(replace_em(str)); 
				
				$("#content").val("");
			}
        }); 
		
		 $(".hzhhuifu").click(function(){ 
			//来个判断  如果评论框为空
			alert($(this).parent().html());
			if($("#contenthf").val()==null || $("#contenthf").val()==""){
				alert("请您输入评论内容....");
			}else{
				var str="<div class='hzhcomment_pic'>"+
				"<img src='images/hzh2.png'/>"+
				"</div><div class='hzhcomment_write'><span style='marg-top:10px;'><span style='color:blue'>"+
				"navy"+
				"</span> 回复 ：<span style='color:blue'>"+
				"小丽"+
				"</span><span class='hzhcontent'></span></span><span style='float:right; line-height:50px;'>"+
				"2015-12-8 19:21:00"+
				"</span><!--发表故事的人和评论人可见--><a class='hzh_huifu' onclick='javascript:huifu();'>回复</a></div>";
				
				//点击回复的那个div中的 .hzhcomment_all
			
				var huifudiv=document.createElement("div");
				huifudiv.setAttribute("class","hzhcomment_huifu");
				
				huifudiv.innerHTML=str;
				
				$(this).parent(".hzhcomment_all").append(huifudiv);
				$(this).parent(".hzhcomment_all").children(".hzhcontent").html(replace_em(str)); 
				$("#contenthf").val("");
					
				$(".blog_publish").css("display","block");
				$(".blog_publish_huifu").css("display","none");
			}
			
		
        }); 
		
	
 });
 
 	//主人点击回复
	function huifu(){
		//输入文本域中 显示  谁回复谁
			$(".blog_publish").css("display","none");
			$(".blog_publish_huifu").css("display","block");
			
	}
	
	
    
    function replace_em(str){ 
     	str = str.replace(/\</g,'<；'); 
		str = str.replace(/\>/g,'>；'); 
        str = str.replace(/\n/g,'<br/>'); 
        str = str.replace(/\[em_([0-9]*)\]/g,'<img src="faces/$1.gif" border="0" />'); 
        return str; 
    }
    
    
    function hzhspacepic(){
    	var total= $("#viewerFrame li").length; //图片的总数
    	var index=0;	//显示图片的索引
    	
    	$("#viewerFrame li").mousemove(function(){
    		index=$(this).index();
    		showPic(index);
    	});
    	
    	//向左
    	$("#nextbtn").click(function(){
    		if(index<=0){
    			return ;	
    		}else{
    			if(index!=0 && index%9==0){
    				$(".pic_list").animate({scrollLeft:((index/9-1)*531)},300);
    			}
    			var now_index=$("#viewerFrame li[class='nowpic']").index();
    			if(now_index!=index){
    				index=now_index;	
    			}
    			index-=1;
    		}
    		showPic(index);
    	})
    	
    	//点击向右的按钮
    	$("#prevbtn").click(function(){
    		if(index>=total-1){ //已经是最后一张了
    			return;
    		}else{
    			var now_index=$("#viewerFrame  li[class='nowpic']").index();	
    			if(now_index!=index){
    				index=now_index;	
    			}
    			index+=1;
    			if(index!=0 && index%9==0){
    				$(".pic_list").animate({scrollLeft:(index/9*531)},300);	
    			}
    		}
    		showPic(index);
    	})

    }

    function showPic(num){
    	//大图片
    	$(".pic span img").css("display","none").eq(num).css("display","block");
    	
    	//小图片
    	$("#viewerFrame li").css({border:"1px solid #ccc",position:""}).eq(num).css({border:"1px solid #ff6600",position:"relative"});
    	
    	$("#viewerFrame li").attr("class","").eq(num).attr("class","nowpic");
    }